const state = {
	regionHeight: 0, // 页面可操作区域高度
	tempName: '', // 打印模板名称
    tempWidth: 126, // 打印模板宽度(mm)
    tempHeight: 174, // 打印模板高度(mm)
    tempBg: '#ffffff', // 打印模板背景色
    imgUrl: `https://newpact.oss-cn-hangzhou.aliyuncs.com/system/1/images/icon.png`,
    pageList: [
        {
            width: 126,
            height: 40,
            left: 50,
            top: 100,
            zIndex: 1,
            isSelected: false,
            type: 'text',
            desc: '文本',
            content: '测试阿发是否达到发啊手动阀手动阀阿斯顿发大师傅撒地方啊手动阀手动阀十分测试',
            fontSize: 12,
            color: '#ff0000',
            bg: '#ffffff',
            align: 'left',
            border: '1px #e6e6e6 solid',
        }
    ], // 页面列表
}

const mutations = {
    // 检测组件是否选中状态，如果不是选中状态，则取消所有组件选中状态，给当前组件设置选中状态
    checkComponentSelected(state, { item, index }) {
        if (item.isSelected) return

        state.pageList.forEach((x, i) => {
            x.isSelected = false
            if (i === index) {
                x.isSelected = true
            }
        })
    },

    // 修改组件属性
    changeComponentAttrData(state, data) {
        state.pageList = data
    },

    // 设置模板页面元素
    setPageList(state, list) {
        state.pageList = list
    },

    // 添加模板元素
    addPageElement(state, element) {
        state.pageList.push(element)
    },

	// 设置页面可操作区域高度
	setRegionHeight(state, height) {
		state.regionHeight = height
	},

	// 设置打印模板名称
	setTempName(state, tempName) {
		state.tempName = tempName
	},

    // 设置打印模板宽度
    setTempWidth(state, tempWidth) {
        state.tempWidth = tempWidth
    },

    // 设置打印模板高度
    setTempHeight(state, tempHeight) {
        state.tempHeight = tempHeight
    },

    // 设置打印模板背景色
    setTempBg(state, tempBg) {
        state.tempBg = tempBg
    }
}

const actions = {

}

const getters = {

}

export default {
    namespaced: true,
	state,
	mutations,
	actions,
	getters
}
